<template>
  <div class="welcome-container">
    <div class="welcome-content">
      <h1 class="welcome-title">{{ welcomeTitle }}</h1>

      <div class="disclaimer neon-box">
        <h2 class="neon-text">免责声明</h2>
        <p>本项目仅供武汉科技大学2022级教学班1217第一组学习参考和课程设计使用，未经授权不得用于任何商业用途。所有数据和功能均为演示目的，不保证其准确性和完整性。</p>
      </div>

      <div class="about-us neon-box">
        <h2 class="neon-text">关于我们</h2>
        <p>我们是武汉科技大学软产2201班的同学，团队成员包括：</p>
        <ul class="team-members">
          <li v-for="member in teamMembers" :key="member">{{ member }}</li>
        </ul>
        <p>项目已开源，托管在：<a :href="repoUrl" target="_blank" class="neon-link">{{ repoUrl }}</a></p>
        <p>联系方式：QQ <span class="neon-text">{{ contactQQ }}</span></p>
        <p>特别感谢指导老师和同学们的支持与帮助！</p>
      </div>

      <div class="fun-facts neon-box">
        <h2 class="neon-text">你知道吗？</h2>
        <p>这个系统使用了Vue.js + Element UI构建，前后端分离架构。</p>
        <p>我们的考勤系统可以自动识别迟到、早退和缺勤情况。</p>
        <p>项目从构思到实现共历时2个月，代码量超过5000行。</p>
      </div>
    </div>
  </div>
</template>

<script>
// 直接导入而非通过src引用
import WelcomeJS from '@/script/welcome.js'
export default WelcomeJS
</script>


<style scoped src="../../assets/style/Welcome.css"></style>